<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>猫眼电影</title>
	<link rel="stylesheet" href="maoyan.css">
</head>
<body>
	<div class="top">
		<div class="centent clearfix">
			<a href="#" class="logo-a"></a>
			<div class="city-1">
				<div class="city">咸阳</div>
				<span class="jiantou"></span>
			</div>
			<ul class="top-ul">
				<li class="dianji"><a href="index.html">首页</a></li>
				<li><a href="movie.html">电影</a></li>
				<li><a href="#">影院</a></li>
				<li><a href="topList.html">榜单</a></li>
				<li><a href="#">热点</a></li>
				<li><a href="#">商城</a></li>
			</ul>
			<div class="app-down"><a href="#"><span class="phone"></span>APP下载<span class="jiantou"></span></a></div>
			<div class="top-susuo">
				<input type="text" class="susuo" placeholder="找影视剧、影人、影院">
				<input type="submit" value class="submit">
			</div>
			<div class="user">
				<div class="up">
					<img src="images/up.png" alt="" class="up-img">
					<span class="jiantou"></span>
				</div>
			</div>
		</div>
	</div>
	<div class="wrap">
		<div class="centent">
			<div class="video-top clearfix">
				<div class="video-count">
					<h2>正在热映（27部）<span>全部</span></h2>
					<ul class="video-list clearfix">
						<li><a href="#"><img src="https://p0.meituan.net/movie/b8821d597382e319f9679b7e24e49d113204356.jpg@160w_220h_1e_1c" alt=""></a><span class="buy">购票</span></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/b8821d597382e319f9679b7e24e49d113204356.jpg@160w_220h_1e_1c" alt=""></a><span class="buy">购票</span></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/b8821d597382e319f9679b7e24e49d113204356.jpg@160w_220h_1e_1c" alt=""></a><span class="buy">购票</span></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/b8821d597382e319f9679b7e24e49d113204356.jpg@160w_220h_1e_1c" alt=""></a><span class="buy">购票</span></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/b8821d597382e319f9679b7e24e49d113204356.jpg@160w_220h_1e_1c" alt=""></a><span class="buy">购票</span></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/b8821d597382e319f9679b7e24e49d113204356.jpg@160w_220h_1e_1c" alt=""></a><span class="buy">购票</span></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/b8821d597382e319f9679b7e24e49d113204356.jpg@160w_220h_1e_1c" alt=""></a><span class="buy">购票</span></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/b8821d597382e319f9679b7e24e49d113204356.jpg@160w_220h_1e_1c" alt=""></a><span class="buy">购票</span></li>
					</ul>
				</div>
				<div class="count-right">
					<h2>今日票房</h2>
					<div class="top-video clearfix">
						<i class="hot1"></i>
						<img src="https://p0.meituan.net/movie/d38ad9f8a2d84e2f94e2a3a342dd27281312433.jpg@120w_80h_1e_1c" alt="">
						<p class="top1">老师·好</p>
						<p>2222万</p>	
					</div>
					<ul class="hot-top">
						<li><i>2</i><a href="#">海市蜃楼</a><span>222</span></li>
						<li><i>3</i><a href="#">海市蜃楼</a><span>222</span></li>
						<li><i>4</i><a href="#">海市蜃楼</a><span>222</span></li>
						<li><i>5</i><a href="#">海市蜃楼</a><span>222</span></li>
						<li><i>6</i><a href="#">海市蜃楼</a><span>222</span></li>
						<li><i>7</i><a href="#">海市蜃楼</a><span>222</span></li>
						<li><i>8</i><a href="#">海市蜃楼</a><span>222</span></li>
						<li><i>9</i><a href="#">海市蜃楼</a><span>222</span></li>
						<li><i>10</i><a href="#">海市蜃楼</a><span>222</span></li>
					</ul>
					<div class="hot-down clearfix">
						<h3>今日大盘</h3>
						<div class="shuju">
							<h4>1997.1</h4><span>万</span>
							<p>北京时间 15:23:26</p>
						</div>
						<div class="shishi">
							<a href="#">查看更多</a>
							<p>猫眼专业版实时票房数据</p>
						</div>
					</div>
				</div>
			</div>
			<div class="video-center clearfix">
				<div class="video-count">
					<h2>即将上映（127部）<span>全部</span></h2>
					<ul class="video-list1 clearfix">
						<li><a href="#"><img src="https://p0.meituan.net/movie/29caaa1b66c95807a3f4d29b5b03644b1876102.jpg@160w_220h_1e_1c" alt=""></a><p>123456</p><a href="#" class="yugao">预告片</a><a href="#" class="yushou">预售</a><div class="up-time"><p class="time">4月3日上映</p></div></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/29caaa1b66c95807a3f4d29b5b03644b1876102.jpg@160w_220h_1e_1c" alt=""></a><p>123456</p><a href="#" class="yugao">预告片</a><a href="#" class="yushou">预售</a><div class="up-time"><p class="time">4月3日上映</p></div></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/29caaa1b66c95807a3f4d29b5b03644b1876102.jpg@160w_220h_1e_1c" alt=""></a><p>123456</p><a href="#" class="yugao">预告片</a><a href="#" class="yushou">预售</a><div class="up-time"><p class="time">4月3日上映</p></div></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/29caaa1b66c95807a3f4d29b5b03644b1876102.jpg@160w_220h_1e_1c" alt=""></a><p>123456</p><a href="#" class="yugao">预告片</a><a href="#" class="yushou">预售</a><div class="up-time"><p class="time">4月3日上映</p></div></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/29caaa1b66c95807a3f4d29b5b03644b1876102.jpg@160w_220h_1e_1c" alt=""></a><p>123456</p><a href="#" class="yugao">预告片</a><a href="#" class="yushou">预售</a><div class="up-time"><p class="time">4月3日上映</p></div></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/29caaa1b66c95807a3f4d29b5b03644b1876102.jpg@160w_220h_1e_1c" alt=""></a><p>123456</p><a href="#" class="yugao">预告片</a><a href="#" class="yushou">预售</a><div class="up-time"><p class="time">4月3日上映</p></div></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/29caaa1b66c95807a3f4d29b5b03644b1876102.jpg@160w_220h_1e_1c" alt=""></a><p>123456</p><a href="#" class="yugao">预告片</a><a href="#" class="yushou">预售</a><div class="up-time"><p class="time">4月3日上映</p></div></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/29caaa1b66c95807a3f4d29b5b03644b1876102.jpg@160w_220h_1e_1c" alt=""></a><p>123456</p><a href="#" class="yugao">预告片</a><a href="#" class="yushou">预售</a><div class="up-time"><p class="time">4月3日上映</p></div></li>
					</ul>
				</div>
				<div class="count-right">
					<h2>最受期待<span>查看完整账单</span></h2>
					<ul class="clearfix">
						<li class="expect1 clearfix"><i class="expect1-img"></i><a href="#"><img src="https://p0.meituan.net/moviemachine/f7d2ad70eb79d6d9b8a197713db9b8c41711752.jpg@140w_194h_1e_1c" alt=""></a><p class="top1-name">复仇者联盟4:终局之战</p>
						<p class="top1-time">上映时间：2019-4-24</p><p class="top1-people">2121255人想看</p></li>
						<li class="expect2"><i class="expect1-img1">2</i><a href="#"><img src="https://p0.meituan.net/movie/4092234977dd8fe3dfb638cda59a1bc81374696.jpg@170w_118h_1e_1c" alt=""></a><p class="video-name">反贪风暴</p><p class="look-people">145290人想看</p></li>
						<li class="expect2 expect3"><i class="expect1-img1">3</i><a href="#"><img src="https://p0.meituan.net/movie/2a8900c58dcbbf50fc76ca2085ef8ab3361539.jpg@170w_118h_1e_1c" alt=""></a><p class="video-name">雷霆沙赞！</p><p class="look-people">91942人想看</p></li>
						<li class="expect"><i>4</i><a href="#">风中有朵雨做的云</a><span>69607人想看</span></li>
						<li class="expect"><i>5</i><a href="#">风中有朵雨做的云</a><span>69607人想看</span></li>
						<li class="expect"><i>6</i><a href="#">风中有朵雨做的云</a><span>69607人想看</span></li>
						<li class="expect"><i>7</i><a href="#">风中有朵雨做的云</a><span>69607人想看</span></li>
						<li class="expect"><i>8</i><a href="#">风中有朵雨做的云</a><span>69607人想看</span></li>
						<li class="expect"><i>9</i><a href="#">风中有朵雨做的云</a><span>69607人想看</span></li>
						<li class="expect"><i>10</i><a href="#">风中有朵雨做的云</a><span>69607人想看</span></li>
					</ul>
				</div>
			</div>
			<div class="video-bottom clearfix">
				<div class="video-count bottom">
					<h2 class="classify">热播电影<a href="#">爱情</a><a href="#">喜剧</a><a href="#">动作</a><a href="#">恐怖</a><a href="#">动画</a><span>全部</span></h2>
					<ul class="video-list2 clearfix">
						<li><a href="#"><img src="https://p1.meituan.net/movie/3ee52ce5d15a09e07eaa346d1230f97f55997.jpg@350w_220h_1e_1c" alt=""></a></li>
						<li><a href="#"><img src="https://p1.meituan.net/movie/9d8c0f709463f4db717a58d37cd145c1318184.jpg@160w_220h_1e_1c" alt=""></a></li>
						<li><a href="#"><img src="https://p1.meituan.net/movie/0fec3a88133e569ca0067e12f7ad0b80987252.jpg@160w_220h_1e_1c" alt=""></a></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/04fd9542cb749fc824190933feacc5b0294181.jpg@160w_220h_1e_1c" alt=""></a></li>
						<li><a href="#"><img src="https://p1.meituan.net/movie/193edecd8f4d6f88da39eb8f111c69c9229967.jpg@160w_220h_1e_1c" alt=""></a></li>
						<li><a href="#"><img src="https://p1.meituan.net/movie/89cf48e116145fdc926d62f75a829d511032238.jpg@160w_220h_1e_1c" alt=""></a></li>
						<li><a href="#"><img src="https://p0.meituan.net/movie/07b4127cff2289cd91b65628f4417ac37666558.jpg@160w_220h_1e_1c" alt=""></a></li>
					</ul>
				</div>
				<div class="count-right">
					<h2>TOP 100<span>查看完整账单</span></h2>
					<ul>
						<li class="top-hot1 clearfix"><a href="#"><img src="https://p1.meituan.net/movie/ccc0beb35f7f5c21e	e75efab3b6eb5fb39201.jpg@120w_80h_1e_1c" alt=""></a><p class="top-hot1-name">霸王别姬</p><p class="top-hot1-mark">9.5分</p></li>
						<li class="expect"><i>2</i><a href="#">肖申克的救赎</a><span>9.5分</span></li>
						<li class="expect"><i>3</i><a href="#">肖申克的救赎</a><span>9.5分</span></li>
						<li class="expect"><i>4</i><a href="#">肖申克的救赎</a><span>9.5分</span></li>
						<li class="expect"><i>5</i><a href="#">肖申克的救赎</a><span>9.5分</span></li>
						<li class="expect"><i>6</i><a href="#">肖申克的救赎</a><span>9.5分</span></li>
						<li class="expect"><i>7</i><a href="#">肖申克的救赎</a><span>9.5分</span></li>
						<li class="expect"><i>8</i><a href="#">肖申克的救赎</a><span>9.5分</span></li>
						<li class="expect"><i>9</i><a href="#">肖申克的救赎</a><span>9.5分</span></li>
						<li class="expect"><i>10</i><a href="#">肖申克的救赎</a><span>9.5分</span></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="end">
		<div class="centent">
			<p>关于猫眼：<a href="#">关于我们</a>|<a href="#" title="">管理团队</a>|<a href="#" title="">投资者关系</a> 友情链接：<a href="#">美团网</a>|<a href="#" title="">美团下载</a>|<a href="#" title="">欢喜首映</a></p>
			<p>商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息举报电话：4006018900 </p>
			<p>投诉举报邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com</p>
			<p>©2016 猫眼电影 maoyan.com 京ICP证160733号 京ICP备16022489号-1 京公网安备 11010102003232号 网络文化经营许可证 电子公告服务规则</p>
			<p>北京猫眼文化传媒有限公司</p>
		</div>
	</div>
	<script src="jquery.min.js"></script>
	<script>
		$(".top-ul li").click(function(){
			$(".top-ul li").removeClass("dianji")
			$(this).addClass("dianji")
		})
	</script>
</body>
</html>